<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="../css/myorder/orderDetail.css" rel="stylesheet">
    <link href="../css/header.css" rel="stylesheet">
    <style>
        .pay-status{
            position: relative;
            left: 300px;
        }
    </style>
    <title>我的订单</title>

</head>
<body >
<!--<img src="../images/customer/myorder.jpg" alt="beijing">-->
<div class="index-header">
    <div class="header-logo"><a href="#" class="logo"></a></div>
    <div class="header-nav">
        <ul>
            <li><a href="../index.html" class="">首页</a></li>
            <li><a href="../films/films.html" class="">电影</a></li>
            <li><a href="../cinema/detail.html" class="">影院</a></li>
            <li class="checked"><a href="../border/border.html" class="">榜单</a></li>
            <li><a href="../border/address.html" class="">地区</a></li>
        </ul>
    </div>
    <div class="header-search">
        <form action="" class="search-form">
            <input type="text" class="keyword" placeholder="电影/影院 搜你所想">
            <a href="" class="search-btn"></a>
        </form>
        <div class="head-login">
            <a href="../customer/login.html" class="login-btn">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
        </div>
    </div>
</div>
<div class="head-wait"></div>
<div class="main">

     <div class="head">
         <div class="face">
           <img src="../images/customer/touxiang.jpg" alt="touxiang">
         </div>
         <span class="name">小瑾明</span>
         <span class="account">账号:1811062046</span>
         <div class="message">
            <a href="../customer/answer_tome.html" class="message-img"><img src="../images/customer/message.png" alt="message"></a><br>
             <a href="../customer/answer_tome.html"><span>消息中心</span></a>
         </div>
         <div class="update">
             <a href="" class="update-img"><img src="../images/customer/update.png" alt="message"></a>
             <a href=""><span>修改资料</span></a>
         </div>

     </div>
    <div class="myorder">
<!-----------------订单类型--------------------------------->
        <div class="order-status">
              <ul class="select-list">
                  <li><a href="../myorder/myorder.html"><span>全部订单</span></a></li>
                  <li><a href="../myorder/wait_pay.html"><span>待支付</span></a></li>
                  <li><a href="../myorder/wait_watch.html"><span>待观影</span></a></li>
                  <li class="selected"><a href="../myorder/has_watched.html"><span>已观影</span></a></li>
<!--                  <li><a href="../myorder/after_service.html"><span>售后</span></a></li>-->
              </ul>
          </div>

<!-----------------单个电影区域------------------------------->
          <div class="film-area">
                    <div class="film-name">
                        <a href="../films/detail.html">《青蛇劫起》</a>
                    </div>

                    <a href="../films/detail.html" class="film-img">
                        <img src="../images/films/movie8.jpg">
                    </a>
              <div class="pay-status">
                  <span>状态:</span>
                  <span class="had-selected">已观影,这是您的订单详情</span>
              </div>
              <div class="film-price">
                  <span>票价:￥</span>
                  <span>36.5</span>
              </div>
                    <!-- 详情-->
                    <div class="cinema">
                        <div class="cinema-id">
                        <a href="../cinema/detail.html">影院id:</a>
                        <a href="../cinema/detail.html">1234</a>
                        </div>
                            <div class="address-details">
                                <span>影院：CGV影城</span><br><br>
                                <span>影厅：三号激光厅</span><br><br>
                            </div>

                            <div class="watch-time">
                                <span>观影时间：</span>
                                <span>2020.11.11 周五</span><br><br>
                           </div>
                        <div class="seat">
                            <span>场次：</span>
                            <span>15:00~18:00下午场</span><br><br>
                            <span>座位：</span>
                            <span>5排8座</span>
                        </div>
                    </div>

              <div class="customer">
                  <div class="customer-id">
                      <a href="">用户id：</a>
                      <a href="">1101</a><br><br>
                  </div>
                  <div class="name">
                      <span>用户名:</span>
                      <span>小瑾明</span>
                  </div>
                      <div class="tel">
                          <span>电话：</span>
                          <span>1811062046</span>
                      </div>
              </div>
         <div class="order">
             <div class="order-id">
                 <a>订单编号：</a>
                 <a>12122</a>
             </div>
             <div class="ispay">
                 <span>状态：</span>
                 <span>已观影</span>
             </div>
             <div class="pay-time">
                 <span>支付时间：</span>
                 <span>2021年11月10日 15:08</span>
             </div>
         </div>




<!--   =============底部操作栏-------------------------------->
           <div class="footer-operate">
              <div class="total-price">
                  <span class="zongjia">价格:</span>
                  <span class="sum">￥</span>
                  <span class="sum">36.5</span>
              </div>
              <div class="go-pay"><a href="" type="button">已观影</a></div>
              <div class="delete"><a href="" type="button">删除订单</a></div>
        </div>
    </div>
    </div>
</div>
<!--========== 4.底部脚注 =============-->
<div class="index-footer">
    <div class="footer-head"></div>
    <div class="footer-main">
        <p>关于视享票票通：&nbsp;<a>关于我们</a><span>&nbsp;|&nbsp;</span><a>管理团队</a><span>&nbsp;|&nbsp;</span><a>投资者关系</a>
            &nbsp;&nbsp;友情链接 :&nbsp;&nbsp;<a>支付宝</a></p>
        <p>
            商务合作邮箱：1137750012@qq.com &nbsp;
            客服电话：62170010 &nbsp;
            违法和不良信息/涉未成年人有害信息举报电话：4006018900
        </p>
        <p>
            用户举报/涉未成年人有害信息举报邮箱：tousujubao@shixiang.com&nbsp;
            舞弊线索举报邮箱：wubijubao@shixiang.com
        </p>
        <p>视享票票通用户服务协议<span>&nbsp;|&nbsp;</span>使用手册<span>&nbsp;|&nbsp;</span>隐私政策</p>
        <p>驰星视享文化传媒有限公司</p>
        <p>&nbsp;2021&nbsp;视享票票通&nbsp;shixiang.com</p>
    </div>

</div>

<script src="../js/customer/myorder.js"></script>
</body>
</html>